.editor .main[data-v-f87c276a] {
  display: flex;
  overflow: hidden;
}
.editor .main[data-v-f87c276a] ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}
.editor .main[data-v-f87c276a] ::-webkit-scrollbar-thumb {
  background-color: #8b8b8b;
  border-radius: 2em;
}
.editor .main[data-v-f87c276a] ::-webkit-scrollbar-track {
  background-color: #ccc;
}
.tool-bar[data-v-04cc8b17] {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: inherit;
  border-bottom: 1px var(--n-text-color) solid;
}
.tool-bar-item[data-v-04cc8b17] {
  height: inherit;
  display: flex;
  align-items: center;
}
button[data-v-04cc8b17] {
  border: none;
  margin: auto 3px;
}
.icon[data-v-54f45b16] {
  display: inline-flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.o-btn[data-v-79a40a5e] {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  padding: 0 20px;
  border-radius: 3px;
  font-size: 14px;
  transition: 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  height: 34px;
  line-height: 34px;
  border: 1px solid #dcdee0;
  /*以上为默认*/
  /*要对每种type定义不同的状态，如type=primary*/
}
.o-btn[data-v-79a40a5e]:hover {
  opacity: 0.8;
}
.o-btn.disabled[data-v-79a40a5e] {
  cursor: not-allowed;
  opacity: 0.5;
}
.o-btn.is-round[data-v-79a40a5e] {
  border-radius: 18px;
}
.o-btn.is-round.large[data-v-79a40a5e] {
  border-radius: 20px;
}
.o-btn.is-round.small[data-v-79a40a5e] {
  border-radius: 16px;
}
.o-btn.is-round.mini[data-v-79a40a5e] {
  border-radius: 14px;
}
.o-btn.is-circle[data-v-79a40a5e] {
  border-radius: 50%;
  height: 36px;
  padding: 0;
  width: 36px;
}
.o-btn.is-circle.large[data-v-79a40a5e] {
  width: 40px;
  height: 40px;
}
.o-btn.is-circle.small[data-v-79a40a5e] {
  width: 32px;
  height: 32px;
}
.o-btn.is-circle.mini[data-v-79a40a5e] {
  width: 28px;
  height: 28px;
}
.o-btn.o-btn-primary[data-v-79a40a5e] {
  border-color: #2080f0;
  background-color: #2080f0;
  color: #fff;
}
.o-btn.o-btn-primary.is-plain[data-v-79a40a5e] {
  border-color: #afd2fa;
  background-color: #e9f2fe;
  color: #2080f0;
}
.o-btn.o-btn-primary.is-plain[data-v-79a40a5e]:hover {
  border-color: #2080f0;
  background-color: #2080f0;
  color: #fff;
}
.o-btn.o-btn-success[data-v-79a40a5e] {
  border-color: #18a058;
  background-color: #18a058;
  color: #fff;
}
.o-btn.o-btn-success.is-plain[data-v-79a40a5e] {
  border-color: #69e8a5;
  background-color: #e5fbef;
  color: #18a058;
}
.o-btn.o-btn-success.is-plain[data-v-79a40a5e]:hover {
  border-color: #18a058;
  background-color: #18a058;
  color: #fff;
}
.o-btn.o-btn-warning[data-v-79a40a5e] {
  border-color: #f0a020;
  background-color: #f0a020;
  color: #fff;
}
.o-btn.o-btn-warning.is-plain[data-v-79a40a5e] {
  border-color: #f3b450;
  background-color: #f8d59c;
  color: #f0a020;
}
.o-btn.o-btn-warning.is-plain[data-v-79a40a5e]:hover {
  border-color: #f0a020;
  background-color: #f0a020;
  color: #fff;
}
.o-btn.o-btn-bordered[data-v-79a40a5e] {
  border: none;
}
.o-btn.o-btn-danger[data-v-79a40a5e] {
  border-color: #d03050;
  background-color: #d03050;
  color: #fff;
}
.o-btn.o-btn-danger.is-plain[data-v-79a40a5e] {
  border-color: #ecadb9;
  background-color: #fbeff2;
  color: #d03050;
}
.o-btn.o-btn-danger.is-plain[data-v-79a40a5e]:hover {
  border-color: #d03050;
  background-color: #d03050;
  color: #fff;
}
.o-btn.o-btn-text[data-v-79a40a5e] {
  border: 0;
  padding: 0;
  height: auto;
  line-height: normal;
}
.o-btn.large[data-v-79a40a5e] {
  padding: 0 20px;
  border-radius: 4px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.o-btn.small[data-v-79a40a5e] {
  padding: 0 5px;
  border-radius: 3px;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
}
.o-btn.mini[data-v-79a40a5e] {
  padding: 0 15px;
  border-radius: 4px;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
}
.o-collapse[data-v-68df8abd] {
  /*title*/
  /*content*/
}
.o-collapse .collapse-title[data-v-68df8abd] {
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
}
.o-collapse .collapse-title .arrow[data-v-68df8abd] {
  font-size: 12px;
  margin-right: 5px;
  width: 20px;
  display: block;
  transform: rotate(0deg) scale(0.8);
  transition: all 0.3s;
}
.o-collapse .collapse-title .arrow.down[data-v-68df8abd] {
  transform: rotate(90deg) scale(0.8);
}
.o-collapse .collapse-content[data-v-68df8abd] {
  padding: 10px;
  overflow: hidden;
  transition: all 0.3s;
}
.o-collapse[data-v-fedd6da7] {
  /*title*/
  /*content*/
}
.o-collapse .collapse-title[data-v-fedd6da7] {
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
}
.o-collapse .collapse-title .arrow[data-v-fedd6da7] {
  font-size: 12px;
  margin-right: 5px;
  width: 20px;
  display: block;
  transform: rotate(0deg) scale(0.8);
  transition: all 0.3s;
}
.o-collapse .collapse-title .arrow.down[data-v-fedd6da7] {
  transform: rotate(90deg) scale(0.8);
}
.o-collapse .collapse-content[data-v-fedd6da7] {
  padding: 10px;
  overflow: hidden;
  transition: all 0.3s;
}

.vc-hue--horizontal[data-v-d4298a9f] {
  background: linear-gradient(
    to right,
    #f00 0%,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    #f00 100%
  );
}
.vc-hue--vertical[data-v-d4298a9f] {
  background: linear-gradient(
    to top,
    #f00 0%,
    #ff0 17%,
    #0f0 33%,
    #0ff 50%,
    #00f 67%,
    #f0f 83%,
    #f00 100%
  );
}

.vc-saturation-circle[data-v-d43dc28d] {
  cursor: pointer;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3),
    0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}
.o-form-input[data-v-91cf9486] {
  height: 35px;
  margin-right: 1px;
  border-radius: 3px;
  position: relative;
  display: inline-block;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (prefers-color-scheme: dark) {
  .o-form-input[data-v-91cf9486] {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity));
  }
}
.o-form-input .suffix-icon[data-v-91cf9486],
.o-form-input .prefix-icon[data-v-91cf9486] {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  height: 34px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.o-form-input .suffix-icon i[data-v-91cf9486],
.o-form-input .prefix-icon i[data-v-91cf9486] {
  margin: 0.25rem;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  color: #969799;
}
.o-form-input .suffix-icon .icon-close[data-v-91cf9486],
.o-form-input .prefix-icon .icon-close[data-v-91cf9486] {
  font-size: 14px;
}
.o-form-input .prefix-icon[data-v-91cf9486] {
  left: 3px;
  right: auto;
}
.o-form-input .icon-close[data-v-91cf9486] {
  display: none;
}
.o-form-input:hover .icon-close[data-v-91cf9486] {
  display: block;
}
.o-form-input .has-prefix[data-v-91cf9486] {
  padding-left: 30px;
}
.o-form-input.input-prepend[data-v-91cf9486],
.o-form-input.input-append[data-v-91cf9486] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.o-form-input.input-prepend .prepend[data-v-91cf9486],
.o-form-input.input-append .prepend[data-v-91cf9486],
.o-form-input.input-prepend .append[data-v-91cf9486],
.o-form-input.input-append .append[data-v-91cf9486] {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-form-input.input-prepend .prepend[data-v-91cf9486],
  .o-form-input.input-append .prepend[data-v-91cf9486],
  .o-form-input.input-prepend .append[data-v-91cf9486],
  .o-form-input.input-append .append[data-v-91cf9486] {
    border-width: 0px;
  }
}
.o-form-input.input-prepend .prepend[data-v-91cf9486],
.o-form-input.input-append .prepend[data-v-91cf9486],
.o-form-input.input-prepend .append[data-v-91cf9486],
.o-form-input.input-append .append[data-v-91cf9486] {
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.o-form-input.input-prepend .prepend[data-v-91cf9486],
.o-form-input.input-append .prepend[data-v-91cf9486] {
  border-radius: 3px 0 0 3px;
  border-right: none;
  margin-right: -1px;
}
.o-form-input.input-prepend .append[data-v-91cf9486],
.o-form-input.input-append .append[data-v-91cf9486] {
  border-radius: 0 3px 3px 0;
  border-left: none;
  margin-left: -1px;
}
.o-input-control[data-v-91cf9486] {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  line-height: 34px;
  padding: 0 10px;
  font-size: 14px;
  transition: all 0.3s;
  /*禁用状态*/
}
.o-input-control[data-v-91cf9486]:hover {
  opacity: 0.7;
}
.o-input-control[data-v-91cf9486]:focus,
.o-input-control.focus[data-v-91cf9486] {
  border-color: #2080f0;
}
.o-input-control[data-v-91cf9486]::-moz-placeholder {
  color: #969799;
}
.o-input-control[data-v-91cf9486]::placeholder,
.o-input-control.placeholder[data-v-91cf9486] {
  color: #969799;
}
.o-input-control.disabled[data-v-91cf9486] {
  cursor: not-allowed;
  opacity: 0.5;
}
.o-input-control.large[data-v-91cf9486] {
  height: 40px;
  line-height: 40px;
}
.o-input-control.small[data-v-91cf9486] {
  height: 32px;
  line-height: 32px;
}
.o-input-control.mini[data-v-91cf9486] {
  height: 28px;
  line-height: 28px;
}
.o-form-item[data-v-deb02e48] {
  margin-bottom: 10px;
  position: relative;
  /*错误提示*/
}
.o-form-item .o-form-label[data-v-deb02e48] {
  text-align: right;
  font-size: 14px;
  box-sizing: border-box;
}
.o-form-item .o-form-label.required[data-v-deb02e48]:before {
  content: "*";
  color: #f00;
  display: inline-block;
  vertical-align: middle;
}
.o-form-item .o-form-box[data-v-deb02e48] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.o-form-item .o-form-tips[data-v-deb02e48] {
  color: #f00;
  display: flex;
}
.o-form-item.form-item-mini[data-v-deb02e48] {
  line-height: 28px;
}
.o-form-item.form-item-mini .o-input-control[data-v-deb02e48] {
  height: 28px;
  line-height: 28px;
}
.o-form-item.form-item-mini .o-btn[data-v-deb02e48] {
  height: 28px;
  line-height: 28px;
}
.o-form-item.form-item-small[data-v-deb02e48] {
  line-height: 32px;
}
.o-form-item.form-item-small .o-input-control[data-v-deb02e48] {
  height: 32px;
  line-height: 32px;
}
.o-form-item.form-item-small .o-btn[data-v-deb02e48] {
  height: 32px;
  line-height: 32px;
}
.o-form-item.form-item-medium[data-v-deb02e48] {
  line-height: 36px;
}
.o-form-item.form-item-medium .o-input-control[data-v-deb02e48] {
  height: 36px;
  line-height: 36px;
}
.o-form-item.form-item-medium .o-btn[data-v-deb02e48] {
  height: 36px;
  line-height: 36px;
}
.o-form-item-error .o-input-control[data-v-deb02e48] {
  border-color: #f00;
}
.o-input-number[data-v-10751e6e] {
  position: relative;
  display: inline-block;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  vertical-align: middle;
}
@media (prefers-color-scheme: dark) {
  .o-input-number[data-v-10751e6e] {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity));
  }
}
.o-input-number[data-v-10751e6e] {
  height: 34px;
}
.o-input-number .o-input-number-input[data-v-10751e6e] {
  display: inline-block;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.o-input-number .o-input-number-input input[data-v-10751e6e] {
  height: 100%;
  width: 100%;
  background-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.o-input-number .o-input-number-input input[data-v-10751e6e]:focus-visible {
  outline: 0;
  color: #2080f0;
}
.o-input-number .number-control[data-v-10751e6e] {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.o-input-number .number-control a[data-v-10751e6e] {
  position: absolute;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  text-align: center;
  top: 1px;
  bottom: 1px;
  width: 20px;
  right: 20px;
  font-size: 14px;
}
.o-input-number .number-control a[data-v-10751e6e]:last-child {
  left: auto;
  right: 1px;
}
.o-input-number .number-control a.disabled[data-v-10751e6e] {
  cursor: not-allowed;
  opacity: 0.5;
}
.o-input-number .number-control a.suffix[data-v-10751e6e] {
  right: 40px;
}
.o-input-number.disabled .number-control[data-v-10751e6e] {
  opacity: 0.5;
}
.o-input-number.disabled .number-control a[data-v-10751e6e] {
  cursor: not-allowed;
}
.o-menu ul li[data-v-4d423977] {
  /*ul {display: none;}*/
}
.o-menu .icon-arrow[data-v-4d423977] {
  font-size: 14px;
  transform: scale(0.8);
  margin-left: 5px;
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  height: 16px;
  width: 16px;
}
.o-menu li.disabled[data-v-4d423977] {
  opacity: 0.5;
  cursor: not-allowed;
}
.o-menu li.disabled .menu-title[data-v-4d423977] {
  cursor: not-allowed;
}
.o-menu li.is-down > .menu-title[data-v-4d423977] {
  color: #2080f0;
}
.o-menu li.is-down > .menu-title .icon-arrow[data-v-4d423977] {
  transform: rotate(180deg) scale(0.8);
}
.o-menu li.selected > .menu-title[data-v-4d423977] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-menu li.selected > .menu-title[data-v-4d423977] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
.o-menu li.selected > .menu-title[data-v-4d423977] {
  color: #2080f0;
}
.o-menu .menu-title[data-v-4d423977] {
  display: flex;
  align-items: center;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 50px;
  cursor: pointer;
  padding: 0 20px;
  transition: all 0.3s;
  justify-content: space-around;
}
.o-menu .menu-title .name[data-v-4d423977] {
  flex: 2;
}
.o-menu .menu-title .icon[data-v-4d423977] {
  display: block;
  margin-right: 3px;
  font-size: 16px;
}
.o-menu.horizontal > ul[data-v-4d423977] {
  display: flex;
  line-height: 40px;
  border-bottom: 1px solid #dcdee0;
}
.o-menu.horizontal li[data-v-4d423977] {
  position: relative;
}
.o-menu.horizontal li ul[data-v-4d423977] {
  background: #fff;
  position: absolute;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
  z-index: 10;
  left: 101%;
  top: 0;
}
.o-menu.horizontal li ul.layer-1[data-v-4d423977] {
  left: 0;
  top: inherit;
}
.o-menu.horizontal li ul li[data-v-4d423977]:after {
  display: none;
}
.o-menu.horizontal li[data-v-4d423977]:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #2080f0;
  opacity: 0;
  transition: all 0.3s;
}
.o-menu.horizontal li:hover > .menu-title[data-v-4d423977] {
  color: #2080f0;
}
.o-menu.horizontal li[data-v-4d423977]:hover:after {
  opacity: 1;
}
.o-menu.vertical li[data-v-4d423977] {
  line-height: 40px;
}
.o-menu.vertical li:hover > .menu-title[data-v-4d423977] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-menu.vertical li:hover > .menu-title[data-v-4d423977] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
.o-menu.vertical .layer-1 .menu-title[data-v-4d423977] {
  padding-left: 40px;
}
.o-menu.vertical .layer-2 .menu-title[data-v-4d423977] {
  padding-left: 60px;
}
.o-menu.vertical .layer-3 .menu-title[data-v-4d423977] {
  padding-left: 80px;
}
.o-menu.o-collapsed[data-v-4d423977] {
  width: 60px;
}
.o-menu.o-collapsed .layer-0 > li > .menu-title .icon[data-v-4d423977] {
  margin: 5px 0;
}
.o-menu.o-collapsed .layer-0 > li > .menu-title .icon-arrow[data-v-4d423977],
.o-menu.o-collapsed .layer-0 > li > .menu-title .name[data-v-4d423977] {
  display: none;
}
.o-menu.o-collapsed .layer-0 > li > .menu-title[data-v-4d423977]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-menu.o-collapsed .layer-0 > li > .menu-title[data-v-4d423977]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
.o-menu.o-collapsed li[data-v-4d423977] {
  position: relative;
}
.o-menu.o-collapsed li ul[data-v-4d423977] {
  position: absolute;
  left: 100%;
  top: 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
  z-index: 10;
}
.o-menu.o-collapsed .menu-title[data-v-4d423977] {
  padding: 0 20px !important;
}
.o-menu.dark[data-v-4d423977] {
  background: #444b50;
  color: #fff;
}
.o-menu.dark.horizontal ul[data-v-4d423977] {
  background: #444b50;
}
.o-menu.dark.vertical ul[data-v-4d423977] {
  background: #444b50;
}
.o-menu.dark.vertical li:hover > .menu-title[data-v-4d423977] {
  background: #2080f0;
  color: #fff;
}
.o-menu.dark.vertical li.is-down > .menu-title[data-v-4d423977] {
  color: #fff;
}
.o-menu .menu-enter-active[data-v-4d423977] {
  animation: menu-enter-4d423977 0.3s forwards;
}
.o-menu .menu-leave-active[data-v-4d423977] {
  animation: menu-exit-4d423977 0.3s forwards;
}
@keyframes menu-enter-4d423977 {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes menu-exit-4d423977 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
.o-menu ul li[data-v-64701651] {
  /*ul {display: none;}*/
}
.o-menu .icon-arrow[data-v-64701651] {
  font-size: 14px;
  transform: scale(0.8);
  margin-left: 5px;
  display: block;
  cursor: pointer;
  transition: all 0.3s;
  height: 16px;
  width: 16px;
}
.o-menu li.disabled[data-v-64701651] {
  opacity: 0.5;
  cursor: not-allowed;
}
.o-menu li.disabled .menu-title[data-v-64701651] {
  cursor: not-allowed;
}
.o-menu li.is-down > .menu-title[data-v-64701651] {
  color: #2080f0;
}
.o-menu li.is-down > .menu-title .icon-arrow[data-v-64701651] {
  transform: rotate(180deg) scale(0.8);
}
.o-menu li.selected > .menu-title[data-v-64701651] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-menu li.selected > .menu-title[data-v-64701651] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
.o-menu li.selected > .menu-title[data-v-64701651] {
  color: #2080f0;
}
.o-menu .menu-title[data-v-64701651] {
  display: flex;
  align-items: center;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 50px;
  cursor: pointer;
  padding: 0 20px;
  transition: all 0.3s;
  justify-content: space-around;
}
.o-menu .menu-title .name[data-v-64701651] {
  flex: 2;
}
.o-menu .menu-title .icon[data-v-64701651] {
  display: block;
  margin-right: 3px;
  font-size: 16px;
}
.o-menu.horizontal > ul[data-v-64701651] {
  display: flex;
  line-height: 40px;
  border-bottom: 1px solid #dcdee0;
}
.o-menu.horizontal li[data-v-64701651] {
  position: relative;
}
.o-menu.horizontal li ul[data-v-64701651] {
  background: #fff;
  position: absolute;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
  z-index: 10;
  left: 101%;
  top: 0;
}
.o-menu.horizontal li ul.layer-1[data-v-64701651] {
  left: 0;
  top: inherit;
}
.o-menu.horizontal li ul li[data-v-64701651]:after {
  display: none;
}
.o-menu.horizontal li[data-v-64701651]:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #2080f0;
  opacity: 0;
  transition: all 0.3s;
}
.o-menu.horizontal li:hover > .menu-title[data-v-64701651] {
  color: #2080f0;
}
.o-menu.horizontal li[data-v-64701651]:hover:after {
  opacity: 1;
}
.o-menu.vertical li[data-v-64701651] {
  line-height: 40px;
}
.o-menu.vertical li:hover > .menu-title[data-v-64701651] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-menu.vertical li:hover > .menu-title[data-v-64701651] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
.o-menu.vertical .layer-1 .menu-title[data-v-64701651] {
  padding-left: 40px;
}
.o-menu.vertical .layer-2 .menu-title[data-v-64701651] {
  padding-left: 60px;
}
.o-menu.vertical .layer-3 .menu-title[data-v-64701651] {
  padding-left: 80px;
}
.o-menu.o-collapsed[data-v-64701651] {
  width: 60px;
}
.o-menu.o-collapsed .layer-0 > li > .menu-title .icon[data-v-64701651] {
  margin: 5px 0;
}
.o-menu.o-collapsed .layer-0 > li > .menu-title .icon-arrow[data-v-64701651],
.o-menu.o-collapsed .layer-0 > li > .menu-title .name[data-v-64701651] {
  display: none;
}
.o-menu.o-collapsed .layer-0 > li > .menu-title[data-v-64701651]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-menu.o-collapsed .layer-0 > li > .menu-title[data-v-64701651]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
.o-menu.o-collapsed li[data-v-64701651] {
  position: relative;
}
.o-menu.o-collapsed li ul[data-v-64701651] {
  position: absolute;
  left: 100%;
  top: 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
  z-index: 10;
}
.o-menu.o-collapsed .menu-title[data-v-64701651] {
  padding: 0 20px !important;
}
.o-menu.dark[data-v-64701651] {
  background: #444b50;
  color: #fff;
}
.o-menu.dark.horizontal ul[data-v-64701651] {
  background: #444b50;
}
.o-menu.dark.vertical ul[data-v-64701651] {
  background: #444b50;
}
.o-menu.dark.vertical li:hover > .menu-title[data-v-64701651] {
  background: #2080f0;
  color: #fff;
}
.o-menu.dark.vertical li.is-down > .menu-title[data-v-64701651] {
  color: #fff;
}
.o-menu .menu-enter-active[data-v-64701651] {
  animation: menu-enter-64701651 0.3s forwards;
}
.o-menu .menu-leave-active[data-v-64701651] {
  animation: menu-exit-64701651 0.3s forwards;
}
@keyframes menu-enter-64701651 {
  0% {
    opacity: 0;
    height: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes menu-exit-64701651 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
.o-dialog[data-v-67386432] {
  position: absolute;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  transition: all 0.3s;
  top: 20vh;
  min-width: 400px;
}
@media (min-width: 640px) {
  .o-dialog[data-v-67386432] {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .o-dialog[data-v-67386432] {
    width: 33.333333%;
  }
}
@media (min-width: 1024px) {
  .o-dialog[data-v-67386432] {
    width: 33.333333%;
  }
}
@media (min-width: 1280px) {
  .o-dialog[data-v-67386432] {
    width: 33.333333%;
  }
}
.o-dialog .o-dialog-close[data-v-67386432] {
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  height: 20px;
  width: 20px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
}
.o-dialog .o-dialog-close[data-v-67386432]:hover {
  opacity: 0.8;
}
.o-dialog .o-ialog-header[data-v-67386432] {
  overflow: hidden;
  font-size: 16px;
  padding-left: 15px;
  position: relative;
  border-bottom: 1px solid #f2f3f5;
  color: #323233;
  border-radius: 5px 5px 0 0;
  -webkit-user-select: none;
  height: 44px;
  line-height: 44px;
}
.o-dialog .o-ialog-header.move[data-v-67386432] {
  cursor: move;
}
.o-dialog .o-dialog-content[data-v-67386432] {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  transition: all 0.3s;
}
.o-dialog .o-dialog-footer[data-v-67386432] {
  text-align: right;
  padding: 10px 20px 20px;
}
.o-dialog .o-dialog-auto-close[data-v-67386432] {
  position: absolute;
  left: 10px;
  top: 45px;
}
.o-dialog .o-dialog-alert[data-v-67386432] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.o-dialog .o-dialog-alert i[data-v-67386432] {
  font-size: 30px;
  margin-right: 5px;
}
.o-dialog .o-dialog-alert .icon-success[data-v-67386432]:before {
  color: green;
}
.o-dialog .o-dialog-alert .icon-failure[data-v-67386432]:before {
  color: red;
}
.o-dialog .o-dialog-alert .icon-tips[data-v-67386432]:before {
  color: orange;
}
.o-dialog.dialog-msg[data-v-67386432] {
  top: 8px;
}
@include ns(dialog-content) {
  padding: 8px;
  i[data-v-67386432] {
    font-size: 16px;
  }
}
.o-dialog-modal[data-v-67386432] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  justify-content: center;
  background: rgba(55, 55, 55, 0.6);
}
.o-dialog-modal.modal[data-v-67386432] {
  background: none;
}
.o-dialog-modal.center[data-v-67386432] {
  align-items: center;
}
.o-dialog-modal.center .o-dialog[data-v-67386432] {
  top: auto;
}
.o-dialog-isAlert[data-v-67386432] {
  min-width: 200px;
}
.o-dialog-isAlert .o-dialog-auto-close[data-v-67386432] {
  display: none;
}
/*[class*="-enter-active"]{
  animation: modal-fade-in .3s;
}
[class*="-leave-active"]{
  animation: modal-fade-out 0.3s;
}*/
.fade-enter-active[data-v-67386432] {
  animation: modal-fade-in-67386432 0.3s !important;
}
.fade-enter-active .o-dialog[data-v-67386432] {
  animation: dialog-fade-in-67386432 0.3s;
}
.fade-leave-active[data-v-67386432] {
  animation: modal-fade-out-67386432 0.3s;
}
.fade-leave-active .o-dialog[data-v-67386432] {
  animation: dialog-fade-out-67386432 0.3s;
}
@keyframes dialog-fade-in-67386432 {
  0% {
    transform: translate(0, -20px);
    opacity: 0;
  }
}
@keyframes dialog-fade-out-67386432 {
  100% {
    transform: translate(0, -20px);
    opacity: 0;
  }
}
@keyframes modal-fade-in-67386432 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modal-fade-out-67386432 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.zoom-enter-active[data-v-67386432] {
  animation: modal-fade-in-67386432 0.3s !important;
}
.zoom-enter-active .o-dialog[data-v-67386432] {
  animation: dialog-zoom-in-67386432 0.3s;
}
.zoom-leave-active[data-v-67386432] {
  animation: modal-fade-out-67386432 0.3s;
}
.zoom-leave-active .o-dialog[data-v-67386432] {
  animation: dialog-zoom-out-67386432 0.3s;
}
@keyframes dialog-zoom-in-67386432 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes dialog-zoom-out-67386432 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.slide-enter-active[data-v-67386432] {
  @include enterActive();
}
.slide-enter-active .o-drawer-top[data-v-67386432] {
  animation: dialog-slide-top-in-67386432 0.3s;
}
.slide-enter-active .o-drawer-bottom[data-v-67386432] {
  animation: dialog-slide-bottom-in-67386432 0.3s;
}
.slide-enter-active .o-drawer-left[data-v-67386432] {
  animation: dialog-slide-left-in-67386432 0.3s;
}
.slide-enter-active .o-drawer-right[data-v-67386432] {
  animation: dialog-slide-right-in-67386432 0.3s;
}
.slide-leave-active[data-v-67386432] {
  @include leaveActive();
}
.slide-leave-active .o-drawer-top[data-v-67386432] {
  animation: dialog-slide-top-out-67386432 0.3s;
}
.slide-leave-active .o-drawer-bottom[data-v-67386432] {
  animation: dialog-slide-bottom-out-67386432 0.3s;
}
.slide-leave-active .o-drawer-left[data-v-67386432] {
  animation: dialog-slide-left-out-67386432 0.3s;
}
.slide-leave-active .o-drawer-right[data-v-67386432] {
  animation: dialog-slide-right-out-67386432 0.3s;
}
@keyframes dialog-slide-top-in-67386432 {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes dialog-slide-top-out-67386432 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    opacity: 0;
  }
}
@keyframes dialog-slide-bottom-in-67386432 {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes dialog-slide-bottom-out-67386432 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
@keyframes dialog-slide-left-in-67386432 {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes dialog-slide-left-out-67386432 {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}
@keyframes dialog-slide-right-in-67386432 {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes dialog-slide-right-out-67386432 {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
.o-radio[data-v-1a394991] {
  cursor: pointer;
  display: inline-block;
}
.o-radio > span[data-v-1a394991] {
  display: flex;
  align-items: center;
}
.o-radio .radio-inner[data-v-1a394991] {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #dcdee0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.o-radio .radio-inner[data-v-1a394991]:after {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: "";
  background: #dcdee0;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s;
}
.o-radio.checked .radio-inner[data-v-1a394991] {
  border-color: #2080f0;
}
.o-radio.checked .radio-inner[data-v-1a394991]:after {
  opacity: 1;
  transform: scale(1);
  background: #2080f0;
}
.o-radio.disabled[data-v-1a394991] {
  cursor: not-allowed;
  opacity: 0.5;
}
.o-radio.disabled .radio-inner[data-v-1a394991] {
  opacity: 0.5;
}
.o-radio .o-radio[data-v-1a394991] {
  margin-left: 10px;
}
.o-radio-group[data-v-1a394991] {
  display: inline-block;
}
.o-radio[data-v-6504a320] {
  cursor: pointer;
  display: inline-block;
}
.o-radio > span[data-v-6504a320] {
  display: flex;
  align-items: center;
}
.o-radio .radio-inner[data-v-6504a320] {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #dcdee0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.o-radio .radio-inner[data-v-6504a320]:after {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: "";
  background: #dcdee0;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s;
}
.o-radio.checked .radio-inner[data-v-6504a320] {
  border-color: #2080f0;
}
.o-radio.checked .radio-inner[data-v-6504a320]:after {
  opacity: 1;
  transform: scale(1);
  background: #2080f0;
}
.o-radio.disabled[data-v-6504a320] {
  cursor: not-allowed;
  opacity: 0.5;
}
.o-radio.disabled .radio-inner[data-v-6504a320] {
  opacity: 0.5;
}
.o-radio .o-radio[data-v-6504a320] {
  margin-left: 10px;
}
.o-radio-group[data-v-6504a320] {
  display: inline-block;
}
.o-tag[data-v-0d7482d0] {
  border: 1px solid #afd2fa;
  background-color: #e9f2fe;
  color: #2080f0;
  display: inline-block;
  height: 28px;
  padding: 0 10px;
  line-height: 26px;
  font-size: 12px;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.o-tag .o-tag[data-v-0d7482d0] {
  margin-left: 10px;
}
.o-tag .icon-close[data-v-0d7482d0] {
  font-size: 12px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 10px;
  transform: scale(0.8);
  vertical-align: middle;
  line-height: 16px;
  cursor: pointer;
}
.o-tag .icon-close[data-v-0d7482d0]:hover {
  opacity: 0.6;
}
.o-tag.tag-success[data-v-0d7482d0] {
  border: 1px solid #69e8a5;
  background-color: #e5fbef;
  color: #18a058;
}
.o-tag.tag-warning[data-v-0d7482d0] {
  border: 1px solid #f3b450;
  background-color: #f8d59c;
  color: #f0a020;
}
.o-tag.tag-danger[data-v-0d7482d0] {
  border: 1px solid #ecadb9;
  background-color: #fbeff2;
  color: #d03050;
}
.o-tag.tag-large[data-v-0d7482d0] {
  height: 32px;
  line-height: 30px;
}
.o-tag.tag-small[data-v-0d7482d0] {
  height: 24px;
  line-height: 22px;
  padding: 0 8px;
}
.o-tag.tag-mini[data-v-0d7482d0] {
  height: 20px;
  line-height: 18px;
  padding: 0 5px;
}
.o-select-down {
  position: relative;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-select-down {
    border-width: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity));
  }
}
.o-select-down {
  height: 35px;
}
.o-select-down .select-control {
  position: relative;
}
.o-select-down .select-control .group-icon {
  display: flex;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 0.3s;
  height: 20px;
  text-align: center;
  line-height: 30px;
  align-items: center;
  justify-content: center;
}
.o-select-down .select-control .group-icon i {
  margin-right: 6px;
  font-size: 14px;
  transition: all 0.3s;
}
.o-select-down .select-control .group-icon .down {
  transform: translateY(0) rotate(-180deg);
}
.o-select-down .select-control .group-icon .icon-close {
  opacity: 0;
}
.o-select-down .select-control:hover .icon-close {
  opacity: 1;
}
.o-select-down .select-control > input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 34px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (prefers-color-scheme: dark) {
  .o-select-down .select-control > input {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity));
  }
}
.o-select-down .select-control > input::-moz-placeholder {
  color: #969799;
}
.o-select-down .select-control > input::placeholder {
  color: #969799;
}
.o-select-down .select-control > input:focus-visible {
  outline: 0;
  color: #2080f0;
}
.o-select-down.disabled {
  cursor: not-allowed;
}
.o-select-down.disabled .icon-close {
  display: none;
}
.o-select-down.disabled .group-icon i {
  opacity: 0.5;
}
.o-select-down.disabled input {
  cursor: not-allowed;
}
.o-select-down .multiple-text {
  height: auto;
  line-height: normal;
  display: flex;
  align-items: center;
  min-height: 40px;
  padding-right: 25px;
}
.o-select-down .multiple-text ul:empty:before {
  content: attr(placeholder);
  color: #969799;
}
.o-select-down .multiple-text.large {
  min-height: 40px;
}
.o-select-down .multiple-text.small {
  min-height: 32px;
}
.o-select-down .multiple-text.mini {
  min-height: 28px;
}
.o-select-down .multiple-text ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.o-select-down .multiple-text li {
  margin-right: 10px;
}
.o-select-down .multiple-text li:last-child {
  margin-right: 0;
}
.o-select-down .multiple-text li i {
  margin-left: 5px;
  font-size: 14px;
}
.o-select-down .multiple-text .input {
  flex: 2;
}
.o-select-down .multiple-text input {
  width: 100%;
  outline: none;
  border: 0;
  display: inline-block;
  height: 26px;
  line-height: 26px;
}
.o-select-down.is-down .multiple-text,
.o-select-down.is-down .select-control input,
.o-select-down.is-down .select-range {
  border-color: #2080f0;
  transition: all 0.3s;
}
.o-select-down .select-range {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-right: 25px;
}
.o-select-down .select-range input {
  height: 100%;
  border: 0;
  outline: none;
  flex: 2;
  width: 100%;
}
.o-select-down .select-range span {
  padding: 0 10px;
}
.o-select-down-pane {
  position: relative;
  top: 0.25rem;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-select-down-pane {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity));
  }
}
.o-select-down-pane {
  z-index: 50;
  display: inline-block;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
}
.o-select-down-pane .down-arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  left: 30px;
  top: -5px;
  border-top-width: 0;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-select-down-pane .down-arrow {
    border-bottom-width: 0px;
  }
}
.o-select-down-pane .down-arrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-width: 0;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(250 250 250 / var(--tw-border-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-select-down-pane .down-arrow:before {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(113 113 122 / var(--tw-border-opacity));
  }
}
.o-select-down-pane .down-arrow:before {
  top: 1px;
  left: -5px;
}
.o-select-down-pane .down-arrow.is-range {
  left: 50%;
  transform: translateX(-50%);
}
.o-select-down-pane.top {
  position: relative;
  top: auto;
  bottom: 208px;
}
.o-select-down-pane.top .down-arrow {
  top: auto;
  bottom: -5px;
  transform: rotate(180deg);
}
.o-select-down-pane .scroll-pane {
  width: 100%;
  overflow-x: hidden;
}
.o-select-down-pane .scroll-pane::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  position: relative;
  z-index: 100;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
  opacity: 0.6;
}
@media (prefers-color-scheme: dark) {
  .o-select-down-pane .scroll-pane::-webkit-scrollbar {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122 / var(--tw-bg-opacity));
  }
}
.o-select-down-pane .scroll-pane::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
  opacity: 0.05;
}
@media (prefers-color-scheme: dark) {
  .o-select-down-pane .scroll-pane::-webkit-scrollbar-thumb {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity));
  }
}
.o-select-down-pane .scroll-pane::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  min-height: 5px;
  height: 5px;
  border-radius: 5px;
}
.o-select-down-pane .scroll-pane::-webkit-scrollbar-corner {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  opacity: 0.05;
}
/*transition通用下拉动画 select dataPicker……*/
.slide-toggle-enter-active {
  animation: slideDown 0.3s;
  transform-origin: center top;
}
.slide-toggle-leave-active {
  animation: slideUp 0.3s;
  transform-origin: center top;
}
.top .slide-toggle-enter-active,
.top .slide-toggle-leave-active {
  transform-origin: center top;
}
.slide-toggle-top-enter-active {
  animation: slideDown 0.3s;
  transform-origin: center top;
}
.slide-toggle-top-leave-active {
  animation: slideUp 0.3s;
  transform-origin: center top;
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: scaleY(0) translate(-10px, 0);
  }
}
@keyframes slideUp {
  100% {
    opacity: 0;
    transform: scaleY(0) translate(0px, 0);
  }
}
.o-select[data-v-54a8cccc] {
  margin-right: 1px;
  border-radius: 3px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-select[data-v-54a8cccc] {
    --tw-bg-opacity: 1;
    background-color: rgb(113 113 122 / var(--tw-bg-opacity));
  }
}
.o-select[data-v-54a8cccc] {
  box-sizing: border-box;
  width: 100%;
  z-index: 50;
}
.o-select li[data-v-54a8cccc] {
  list-style: none;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  margin: 0;
  cursor: pointer;
  width: 100%;
  display: block;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.o-select li[data-v-54a8cccc]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-select li[data-v-54a8cccc]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
.o-select li.active[data-v-54a8cccc] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
@media (prefers-color-scheme: dark) {
  .o-select li.active[data-v-54a8cccc] {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}
.o-select li.active[data-v-54a8cccc] {
  color: #2080f0;
}
.o-select li.active b[data-v-54a8cccc] {
  color: #fff;
}
.o-select li.disabled[data-v-54a8cccc] {
  cursor: not-allowed;
  opacity: 0.5;
}
.o-select li b[data-v-54a8cccc] {
  color: #2080f0;
  font-weight: 400;
}
.o-select .select-empty-options[data-v-54a8cccc] {
  height: 34px;
  text-align: center;
  color: #323233;
  margin: 0;
  padding: 0 10px;
  line-height: 34px;
}
.o-slider .o-slider-runway[data-v-19b34bdf] {
  width: 100%;
  height: 6px;
  margin: 16px 0;
  background-color: #e4e7ed;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.o-slider .slider-bar[data-v-19b34bdf] {
  height: 6px;
  background-color: #18a058;
  border-radius: 3px;
  position: absolute;
}
.o-slider .slider-control[data-v-19b34bdf] {
  display: block;
  height: 36px;
  width: 36px;
  position: absolute;
  z-index: 81;
  top: -13px;
  transform: translateX(-50%);
  background-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  line-height: normal;
}
.o-slider .slider-control[data-v-19b34bdf]:after {
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #18a058;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin: 8px auto;
}
.o-slider .slider-control[data-v-19b34bdf]:hover:after {
  transform: scale(1.2);
}
.o-slider .slider-control:hover .slider-tooltip[data-v-19b34bdf] {
  opacity: 1;
}
.o-slider .slider-tooltip[data-v-19b34bdf] {
  position: absolute;
  white-space: nowrap;
  padding: 5px 10px;
  background: #000;
  color: #fff;
  border-radius: 10px;
  transform: translate(-50%, -100%);
  left: 50%;
  box-shadow: 0 0 2px #999;
  opacity: 0;
  transition: all 0.3s;
}
.o-slider .slider-tooltip[data-v-19b34bdf]:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: black;
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
}
.o-slider .slider-stop[data-v-19b34bdf] {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: #fff;
  transform: translateX(-50%);
}
.o-slider .slider-marks[data-v-19b34bdf] {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: #fff;
  transform: translateX(-50%);
}
.o-slider .slider-marks .slider-marks-text[data-v-19b34bdf] {
  display: block;
  white-space: nowrap;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: -25px;
  color: #999;
}
.o-slider.disabled .slider-bar[data-v-19b34bdf] {
  background: #c0c4cc;
}
.o-slider.disabled .slider-control[data-v-19b34bdf]:after {
  border-color: #c0c4cc;
}
.o-slider.disabled .slider-control[data-v-19b34bdf]:hover:after {
  cursor: not-allowed;
  transform: scale(1);
}
.o-switch[data-v-e00bbf0f] {
  display: inline-block;
  box-sizing: border-box;
  height: 22px;
  min-width: 44px;
  vertical-align: middle;
  border-radius: 20px;
  background: #ccc;
  cursor: pointer;
  transition: all 1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
}
.o-switch .o-switch-inner[data-v-e00bbf0f] {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 3px;
  top: 2px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.5s;
  display: block;
}
.o-switch .switch-text[data-v-e00bbf0f] {
  text-align: right;
  display: block;
  padding: 0 5px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  transition: all 0.3s;
}
.o-switch.switch-checked[data-v-e00bbf0f] {
  background: #2080f0;
}
.o-switch.switch-checked .o-switch-inner[data-v-e00bbf0f] {
  left: 22px;
}
.o-switch.switch-checked .switch-text[data-v-e00bbf0f] {
  text-align: left;
}
.o-switch.disabled[data-v-e00bbf0f] {
  opacity: 1;
  cursor: not-allowed;
}
.o-switch.large[data-v-e00bbf0f] {
  height: 24px;
}
.o-switch.large .o-switch-inner[data-v-e00bbf0f] {
  top: 1px;
}
.o-switch.small[data-v-e00bbf0f] {
  height: 18px;
  min-width: 40px;
}
.o-switch.small .o-switch-inner[data-v-e00bbf0f] {
  height: 14px;
  width: 14px;
}
.o-switch.mini[data-v-e00bbf0f] {
  height: 16px;
  min-width: 32px;
}
.o-switch.mini.switch-checked .o-switch-inner[data-v-e00bbf0f] {
  left: 10px;
}
.o-switch.mini .o-switch-inner[data-v-e00bbf0f] {
  height: 12px;
  width: 12px;
}
.o-tabs .tabs-nav[data-v-619f01a3] {
  height: 40px;
}
.o-tabs .tabs-nav .tabs-tab[data-v-619f01a3] {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.o-tabs .tabs-nav .tabs-prev[data-v-619f01a3],
.o-tabs .tabs-nav .tabs-next[data-v-619f01a3] {
  display: block;
  cursor: pointer;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transition: all 0.3s;
}
.o-tabs .tabs-nav .tabs-prev.disabled[data-v-619f01a3],
.o-tabs .tabs-nav .tabs-next.disabled[data-v-619f01a3] {
  cursor: not-allowed;
  color: #999;
}
.o-tabs .tabs-nav .tabs-prev[data-v-619f01a3] {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.o-tabs .tabs-nav .tabs-next[data-v-619f01a3] {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.o-tabs .tabs-nav .tabs-item[data-v-619f01a3] {
  line-height: 40px;
  z-index: 2;
  /*选中*/
  /*禁用*/
}
.o-tabs .tabs-nav .tabs-item[data-v-619f01a3]:after {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.o-tabs .tabs-nav .tabs-item.active[data-v-619f01a3] {
  border-bottom-width: 2px;
  border-bottom-color: #2080f0;
  color: #2080f0;
}
.o-tabs .tabs-nav .tabs-item.active[data-v-619f01a3]:after {
  opacity: 1;
  width: 100%;
}
.o-tabs .tabs-nav .tabs-item.disabled[data-v-619f01a3] {
  cursor: not-allowed;
  opacity: 0.5;
}
.o-tabs.bottom .tabs-nav[data-v-619f01a3] {
  order: 1;
}
.o-tabs.left[data-v-619f01a3],
.o-tabs.right[data-v-619f01a3] {
  flex-direction: row;
}
.o-tabs.left .tabs-nav[data-v-619f01a3],
.o-tabs.right .tabs-nav[data-v-619f01a3] {
  display: block;
  height: auto;
  width: 100%;
  text-align: center;
}
.o-tabs.left .tabs-scroll[data-v-619f01a3],
.o-tabs.right .tabs-scroll[data-v-619f01a3] {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
}
.o-tabs.left .tabs-tab[data-v-619f01a3],
.o-tabs.right .tabs-tab[data-v-619f01a3] {
  display: block;
}
.o-tabs.left .tabs-content[data-v-619f01a3],
.o-tabs.right .tabs-content[data-v-619f01a3] {
  flex: 2;
}
.o-tabs.right .tabs-nav[data-v-619f01a3] {
  order: 1;
}
.tooltip[data-v-08791c55] {
  position: absolute;
  z-index: 100;
  padding: 8px 12px;
  line-height: 20px;
  border-radius: 5px;
  box-sizing: border-box;
  border: 0 solid;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.12);
  background-color: #000e1c;
  text-align: left;
  color: white;
  /*&:before { content: ''; display: inline-block; border: 5px solid transparent; position: absolute; }*/
  /*处理下箭头方向*/
}
.tooltip .arrow[data-v-08791c55] {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
  border-top-width: 0;
  background-color: #000e1c;
}
.tooltip .arrow[data-v-08791c55]:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-width: 0;
  top: 1px;
  left: -5px;
}
.tooltip.top-left .arrow[data-v-08791c55] {
  left: 15px;
  bottom: -6px;
  transform: rotate(180deg);
}
.tooltip.top .arrow[data-v-08791c55] {
  left: 50%;
  bottom: -6px;
  margin-left: -5px;
  transform: rotate(180deg);
}
.tooltip.top-right .arrow[data-v-08791c55] {
  right: 15px;
  bottom: -6px;
  transform: rotate(180deg);
}
.tooltip.left .arrow[data-v-08791c55] {
  right: -8px;
  top: 50%;
  margin-top: -3px;
  transform: rotate(90deg);
}
.tooltip.right .arrow[data-v-08791c55] {
  left: -8px;
  top: 50%;
  transform: rotate(-90deg);
  margin-top: -3px;
}
.tooltip.bottom-left .arrow[data-v-08791c55] {
  left: 15px;
  top: -6px;
}
.tooltip.bottom .arrow[data-v-08791c55] {
  left: 50%;
  top: -6px;
  margin-left: -3px;
}
.tooltip.bottom-right .arrow[data-v-08791c55] {
  right: 15px;
  top: -6px;
}
.tooltip-fade-enter-active[data-v-08791c55] {
  animation: tooltip-fade-in-08791c55 0.3s;
}
.tooltip-fade-enter-active.top[data-v-08791c55],
.tooltip-fade-enter-active.bottom[data-v-08791c55] {
  animation: tooltip-fade-inX-08791c55 0.3s;
}
.tooltip-fade-enter-active.left[data-v-08791c55],
.tooltip-fade-enter-active.right[data-v-08791c55] {
  animation: tooltip-fade-inY 0.3s;
}
.tooltip-fade-leave-active[data-v-08791c55] {
  animation: tooltip-fade-out-08791c55 0.3s;
}
@keyframes tooltip-fade-in-08791c55 {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes tooltip-fade-out-08791c55 {
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes tooltip-fade-inX-08791c55 {
  0% {
    transform: translateX(-50%) scale(0.8);
    opacity: 0;
  }
}
.area[data-v-55407304] {
  position: absolute;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}

.grid[data-v-4049c0e4] {
  position: absolute;
  top: 0px;
  left: 0px;
}

.mark-line[data-v-95ed189c] {
  height: 100%;
}
.line[data-v-95ed189c] {
  position: absolute;

  z-index: 50;

  --tw-bg-opacity: 1;

  background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
.xline[data-v-95ed189c] {
  height: 1px;

  width: 100%;
}
.yline[data-v-95ed189c] {
  height: 100%;

  width: 1px;
}
.line[data-v-9369d069] {
  pointer-events: auto;
  position: absolute;
}
.line .action[data-v-9369d069] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.line .value[data-v-9369d069] {
  pointer-events: none;
  mix-blend-mode: difference;
}
.line .value[data-v-9369d069]:hover {
  background-color: yellow;
}
.line .is-vertical[data-v-9369d069] {
  transform: rotate(-90deg);
}
.line .del[data-v-9369d069] {
  padding: 3px 5px;
  cursor: pointer;
  visibility: hidden;
}
.line:hover .del[data-v-9369d069] {
  visibility: visible;
}
.line[data-v-bb3c95f2] {
  position: absolute;
}
.h-container[data-v-bb3c95f2],
.v-container[data-v-bb3c95f2] {
  position: absolute;
}
.h-container .lines[data-v-bb3c95f2],
.v-container .lines[data-v-bb3c95f2] {
  pointer-events: none;
}
.h-container:hover .lines[data-v-bb3c95f2],
.v-container:hover .lines[data-v-bb3c95f2] {
  pointer-events: auto;
}
.h-container[data-v-bb3c95f2] {
  top: 0;
}
.h-container .line[data-v-bb3c95f2] {
  top: 0;
  height: var(--cb13775a);
  padding-left: 5px;
}
.h-container .line .action[data-v-bb3c95f2] {
  transform: translateX(-24px);
}
.h-container .line .action .value[data-v-bb3c95f2] {
  margin-left: 4px;
  color: yellow;
}
.h-container .indicator[data-v-bb3c95f2] {
  top: 0;
  height: 100vw;
}
.h-container .indicator .value[data-v-bb3c95f2] {
  width: auto;
  padding: 0 2px;
  margin-top: 4px;
  margin-left: 4px;
  mix-blend-mode: difference;
}
.v-container[data-v-bb3c95f2] {
  left: 0;
}
.v-container .line[data-v-bb3c95f2] {
  left: 0;
  width: var(--60a7651a);
  padding-top: 5px;
}
.v-container .line .action[data-v-bb3c95f2] {
  transform: translateY(-24px);
  flex-direction: column;
}
.v-container .line .action .value[data-v-bb3c95f2] {
  margin-top: 4px;
  color: yellow;
}
.v-container .indicator[data-v-bb3c95f2] {
  width: 100vw;
}
.v-container .indicator .value[data-v-bb3c95f2] {
  left: 0;
  width: auto;
  padding: 0 2px;
  margin-top: -5px;
  margin-left: 2px;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  mix-blend-mode: difference;
}
.style-ruler {
  position: absolute;
  width: 100%;
  /* scrollbar width */
  height: 100%;
  overflow: hidden;
  font-size: 12px;
  pointer-events: none;
}
.style-ruler span {
  line-height: 1;
}
.corner {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: auto;
  cursor: pointer;
  box-sizing: content-box;
  transition: all 0.2s ease-in-out;
}
.indicator {
  position: absolute;
  pointer-events: none;
}
.indicator .value {
  position: absolute;
  background: white;
}
.ruler {
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
[data-v-d8a6b447] .line {
  border-left: 1px dashed #37d4cf !important;
}
[data-v-d8a6b447] .indicator {
  border-left: 1px dashed #37d4cf !important;
}
._shape_jn9qa_1 {
  border-width: v-bind(borderWidth);
  border-color: v-bind(borderColor);
  border-style: v-bind(borderStyle);
  position: absolute;
}
._shape_jn9qa_1 ._error-info_jn9qa_7 {
  color: red;
  font-size: 20px;
  white-space: nowrap;
}
._active_jn9qa_12 {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._active_jn9qa_12:hover {
  cursor: move;
}
._active_jn9qa_12 {
  outline: 1px solid #70c0ff;
}
._shapePoint_jn9qa_16 {
  position: absolute;
  z-index: 10;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  margin-left: -4px;
  margin-top: -4px;
}
._rotation_jn9qa_21 {
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 600;
  height: 20px !important;
  cursor: grab;
}
._rotation_jn9qa_21:active {
  cursor: grabbing;
}
._icon-jiesuo_jn9qa_33 {
  position: absolute;
  top: 0px;
  right: 0px;
}
div em {
  position: absolute;
  top: -1.5rem;
  left: 0px;
  background-color: #f0f8ff52;
  border-radius: 3px;
  color: antiquewhite;
}
._shapePoint_jn9qa_16._lt_jn9qa_42._rotate-0_jn9qa_42,
._shapePoint_jn9qa_16._rb_jn9qa_43._rotate-0_jn9qa_42,
._shapePoint_jn9qa_16._l_jn9qa_42._rotate-45_jn9qa_44,
._shapePoint_jn9qa_16._r_jn9qa_21._rotate-45_jn9qa_44,
._shapePoint_jn9qa_16._lb_jn9qa_46._rotate-90_jn9qa_46,
._shapePoint_jn9qa_16._rt_jn9qa_47._rotate-90_jn9qa_46,
._shapePoint_jn9qa_16._t_jn9qa_48._rotate-135_jn9qa_48,
._shapePoint_jn9qa_16._b_jn9qa_49._rotate-135_jn9qa_48 {
  cursor: nwse-resize;
}
._shapePoint_jn9qa_16._t_jn9qa_48._rotate-0_jn9qa_42,
._shapePoint_jn9qa_16._b_jn9qa_49._rotate-0_jn9qa_42,
._shapePoint_jn9qa_16._lt_jn9qa_42._rotate-45_jn9qa_44,
._shapePoint_jn9qa_16._rb_jn9qa_43._rotate-45_jn9qa_44,
._shapePoint_jn9qa_16._l_jn9qa_42._rotate-90_jn9qa_46,
._shapePoint_jn9qa_16._r_jn9qa_21._rotate-90_jn9qa_46,
._shapePoint_jn9qa_16._lb_jn9qa_46._rotate-135_jn9qa_48,
._shapePoint_jn9qa_16._rt_jn9qa_47._rotate-135_jn9qa_48 {
  cursor: ns-resize;
}
._shapePoint_jn9qa_16._lb_jn9qa_46._rotate-0_jn9qa_42,
._shapePoint_jn9qa_16._rt_jn9qa_47._rotate-0_jn9qa_42,
._shapePoint_jn9qa_16._t_jn9qa_48._rotate-45_jn9qa_44,
._shapePoint_jn9qa_16._b_jn9qa_49._rotate-45_jn9qa_44,
._shapePoint_jn9qa_16._lt_jn9qa_42._rotate-90_jn9qa_46,
._shapePoint_jn9qa_16._rb_jn9qa_43._rotate-90_jn9qa_46,
._shapePoint_jn9qa_16._l_jn9qa_42._rotate-135_jn9qa_48,
._shapePoint_jn9qa_16._r_jn9qa_21._rotate-135_jn9qa_48 {
  cursor: nesw-resize;
}
._shapePoint_jn9qa_16._l_jn9qa_42._rotate-0_jn9qa_42,
._shapePoint_jn9qa_16._r_jn9qa_21._rotate-0_jn9qa_42,
._shapePoint_jn9qa_16._lb_jn9qa_46._rotate-45_jn9qa_44,
._shapePoint_jn9qa_16._rt_jn9qa_47._rotate-45_jn9qa_44,
._shapePoint_jn9qa_16._t_jn9qa_48._rotate-90_jn9qa_46,
._shapePoint_jn9qa_16._b_jn9qa_49._rotate-90_jn9qa_46,
._shapePoint_jn9qa_16._lt_jn9qa_42._rotate-135_jn9qa_48,
._shapePoint_jn9qa_16._rb_jn9qa_43._rotate-135_jn9qa_48 {
  cursor: ew-resize;
}
.editor[data-v-54eda74d] {
  position: relative;
  margin: auto;
}
.edit .component[data-v-54eda74d] {
  height: 100%;
  width: 100%;
  position: static !important;
}
.action[data-v-d915fefd] {
  transition: transform 2s ease-in-out;
}
.action[data-v-d915fefd]:hover {
  scale: 1.2;
}
.response .resp-fail[data-v-cb8d0432] {
  color: #f76560;
  margin-left: 10px;
}
.response .resp-code.resp-success[data-v-cb8d0432] {
  color: #18a058;
  margin-left: 10px;
}
.err-message[data-v-3e02ef72] {
  color: #d03050;
}
.info-message[data-v-3e02ef72] {
  color: #2080f0;
}
.lang[data-v-3e02ef72] {
  background-color: #2080f0;
}
.saved-status.save[data-v-3e02ef72] {
  background-color: #18a058;
}
.saved-status.unsave[data-v-3e02ef72] {
  background-color: #d03050;
}
.o-scroll[data-v-486351ad]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.o-scroll[data-v-486351ad]::-webkit-scrollbar-track-piece {
  background-color: #0000;
  -webkit-border-radius: 0;
}
.o-scroll[data-v-486351ad]::-webkit-scrollbar-track {
  border-radius: 50vh;
  background-color: #0000;
}
.o-scroll[data-v-486351ad]::-webkit-scrollbar-thumb {
  background-color: #b8b8b880;
  border-radius: 100vh;
  opacity: 0.1;
}
.o-scroll[data-v-486351ad]::-webkit-scrollbar-thumb:hover {
  height: 10vh;
  background-color: #878987;
  -webkit-border-radius: 6px;
}
.o-scroll[data-v-486351ad]::-webkit-scrollbar-button {
  display: none;
}
.o-scroll[data-v-486351ad]::-webkit-scrollbar-corner {
  display: none;
}
.middle .canvas[data-v-486351ad] {
  height: calc(100% - 38px);
}
.middle[data-v-486351ad] .edit {
  transform-origin: left top;
  transform: scale(var(--fdeeff86));
  transition: all 0.3s;
}
.toggle[data-v-8c116e3c] {
  transition-property: left, right;
  transition-duration: 0.5s;
  top: var(--c0bcd6d6);
  left: var(--548d34c7);
  right: var(--3d6fc55c);
  border: 1px solid;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  font-size: 10px;
  align-content: center;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.06);
}
.o-scroll[data-v-b6a19a6a]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.o-scroll[data-v-b6a19a6a]::-webkit-scrollbar-track-piece {
  background-color: #0000;
  -webkit-border-radius: 0;
}
.o-scroll[data-v-b6a19a6a]::-webkit-scrollbar-track {
  border-radius: 50vh;
  background-color: #0000;
}
.o-scroll[data-v-b6a19a6a]::-webkit-scrollbar-thumb {
  background-color: #b8b8b880;
  border-radius: 100vh;
  opacity: 0.1;
}
.o-scroll[data-v-b6a19a6a]::-webkit-scrollbar-thumb:hover {
  height: 10vh;
  background-color: #878987;
  -webkit-border-radius: 6px;
}
.o-scroll[data-v-b6a19a6a]::-webkit-scrollbar-button {
  display: none;
}
.o-scroll[data-v-b6a19a6a]::-webkit-scrollbar-corner {
  display: none;
}
.components[data-v-528dfcf2] {
  height: calc(90vh - 28px);
}
.layers[data-v-528dfcf2] {
  height: calc(90vh - 28px);
}
.mydark[data-v-a4a97af5] {
  width: 185px;
  height: 38px;
  margin-top: 10px;
  cursor: pointer;
  float: left;
}
.group[data-v-a4a97af5] {
  display: flex;
  flex-direction: row;
}
.group span[data-v-a4a97af5] {
  padding-top: 24px;
  padding-left: 5px;
  color: #cecece;
}
.o-scroll[data-v-33c037c1]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.o-scroll[data-v-33c037c1]::-webkit-scrollbar-track-piece {
  background-color: #0000;
  -webkit-border-radius: 0;
}
.o-scroll[data-v-33c037c1]::-webkit-scrollbar-track {
  border-radius: 50vh;
  background-color: #0000;
}
.o-scroll[data-v-33c037c1]::-webkit-scrollbar-thumb {
  background-color: #b8b8b880;
  border-radius: 100vh;
  opacity: 0.1;
}
.o-scroll[data-v-33c037c1]::-webkit-scrollbar-thumb:hover {
  height: 10vh;
  background-color: #878987;
  -webkit-border-radius: 6px;
}
.o-scroll[data-v-33c037c1]::-webkit-scrollbar-button {
  display: none;
}
.o-scroll[data-v-33c037c1]::-webkit-scrollbar-corner {
  display: none;
}
.attr-list[data-v-33c037c1] {
  overflow: auto;
  padding: 0.25rem;
  padding-top: 0px;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  height: calc(90vh - 28px);
}
.o-scroll[data-v-04a00858]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  cursor: pointer;
}
.o-scroll[data-v-04a00858]::-webkit-scrollbar-track-piece {
  background-color: #0000;
  -webkit-border-radius: 0;
}
.o-scroll[data-v-04a00858]::-webkit-scrollbar-track {
  border-radius: 50vh;
  background-color: #0000;
}
.o-scroll[data-v-04a00858]::-webkit-scrollbar-thumb {
  background-color: #b8b8b880;
  border-radius: 100vh;
  opacity: 0.1;
}
.o-scroll[data-v-04a00858]::-webkit-scrollbar-thumb:hover {
  height: 10vh;
  background-color: #878987;
  -webkit-border-radius: 6px;
}
.o-scroll[data-v-04a00858]::-webkit-scrollbar-button {
  display: none;
}
.o-scroll[data-v-04a00858]::-webkit-scrollbar-corner {
  display: none;
}
.main .content[data-v-04a00858] {
  width: 100vw;
  height: calc(100vh - 3.5rem);
}
.main .content .canvas[data-v-04a00858] {
  transition-property: width;
  transition-duration: 0.5s;
  width: var(--165f7aba);
}
.main .content .left[data-v-04a00858] {
  transition-property: width;
  transition-duration: 0.5s;
  width: var(--6f0cdf2a);
  overflow: hidden;
}
.main .content .right[data-v-04a00858] {
  transition-property: width;
  transition-duration: 0.5s;
  width: var(--6f1a341e);
  height: 100%;
  overflow: hidden;
}
div.component[data-v-562589ab],
img.component[data-v-562589ab],
span.component[data-v-562589ab] {
  position: absolute;
}
.bg[data-v-bce6c303] {
  height: 100vh;
  width: 100vw;
}
.bg .screen[data-v-bce6c303] {
  position: relative;
  left: 50%;
  transform-origin: 0 0;
  transform: translateY(-50%);
}
.menu-content[data-v-2461ea36] {
  width: 170px;
  padding: 5px 0;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  list-style: none;
  margin: 0;
}
.menu-item[data-v-2461ea36] {
  padding: 0 20px;
  color: #555;
  font-size: 12px;
  transition: all 0.1s;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  cursor: pointer;
}
.menu-item:not(.disable):hover
  > .menu-item-content
  > .sub-menu[data-v-2461ea36] {
  display: block;
}
.menu-item:not(.disable):hover
  > .has-children.has-handler[data-v-2461ea36]::after {
  transform: scale(1);
}
.menu-item[data-v-2461ea36]:hover:not(.disable) {
  background-color: #e7e7e7;
}
.menu-item.divider[data-v-2461ea36] {
  height: 1px;
  overflow: hidden;
  margin: 5px;
  background-color: #e5e5e5;
  line-height: 0;
  padding: 0;
}
.menu-item.disable[data-v-2461ea36] {
  color: #b1b1b1;
  cursor: no-drop;
}
.menu-item-content[data-v-2461ea36] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.menu-item-content.has-children[data-v-2461ea36]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #666 #666 transparent transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.menu-item-content.has-children.has-handler[data-v-2461ea36]::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #f1f1f1;
  position: absolute;
  right: 18px;
  top: 3px;
  transform: scale(0);
  transition: transform 0.2s;
}
.menu-item-content .sub-text[data-v-2461ea36] {
  opacity: 0.6;
}
.menu-item-content .sub-menu[data-v-2461ea36] {
  width: 120px;
  position: absolute;
  display: none;
  left: 112%;
  top: -6px;
}
.mask[data-v-bd3742ab] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
}
.contextmenu[data-v-bd3742ab] {
  position: fixed;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-v-d6417efa] .show-card {
  width: 50%;
}
.icon-list[data-v-d6417efa] {
  width: 100% !important;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.icon-list li[data-v-d6417efa] {
  width: 50px;
  text-align: center;
  list-style: none !important;
  cursor: default;
  transition: all 0.3s;
}
.icon-list li[data-v-d6417efa]:hover {
  transform: scale(1.5);
}
.icon-list li[data-v-d6417efa]:active {
  transform: scale(1);
}
.icon[data-v-d6417efa] {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  margin: 10px auto;
  transition: font-size 0.25s linear, width 0.25s linear;
}
.group > div[data-v-921700d1] {
  position: absolute;
  width: 100%;
  height: 100%;
}
.component[data-v-921700d1] {
  position: absolute;
}
.dotted[data-v-921700d1] {
  outline: 1px dotted #70c0ff;
}
.bg[data-v-7273d610] {
  height: 100%;
  width: 100%;
}
video[data-v-5a90d4bf] {
  width: 100%;
  height: 100%;
}
.dv-border-box-1[data-v-3b46ace1] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dv-border-box-1 .border[data-v-3b46ace1] {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.dv-border-box-1 .right-top[data-v-3b46ace1] {
  right: 0;
  transform: rotateY(180deg);
}
.dv-border-box-1 .left-bottom[data-v-3b46ace1] {
  bottom: 0;
  transform: rotateX(180deg);
}
.dv-border-box-1 .right-bottom[data-v-3b46ace1] {
  right: 0;
  bottom: 0;
  transform: rotateX(180deg) rotateY(180deg);
}
.dv-border-box-1 .border-box-content[data-v-3b46ace1] {
  position: relative;
  width: 100%;
  height: 100%;
}
.dv-border-box-2[data-v-f70f8edd] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dv-border-box-2 .dv-border-svg-container[data-v-f70f8edd] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.dv-border-box-2 .dv-border-svg-container > polyline[data-v-f70f8edd] {
  fill: none;
  stroke-width: 1;
}
.dv-border-box-2 .border-box-content[data-v-f70f8edd] {
  position: relative;
  width: 100%;
  height: 100%;
}
.dv-border-box-6[data-v-67ce3109] {
  width: 100%;
  height: 100%;
}
.dv-border-box-6 .dv-border-svg-container[data-v-67ce3109] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dv-border-box-6 .dv-border-svg-container > polyline[data-v-67ce3109] {
  fill: none;
  stroke-width: 1;
}
.dv-border-box-8[data-v-0a9ce059] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dv-border-box-8 .dv-border-svg-container[data-v-0a9ce059] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.dv-border-box-8[data-v-a6d3e741] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dv-border-box-8 .dv-border-svg-container[data-v-a6d3e741] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.dv-border-box-13[data-v-728e4e27] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dv-border-box-13 .dv-border-svg-container[data-v-728e4e27] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.dv-border-box-13 .border-box-content[data-v-728e4e27] {
  position: relative;
  width: 100%;
  height: 100%;
}
.dv-border-box-11[data-v-32ca7b30] {
  position: relative;
  width: 100%;
  height: 100%;
}
.dv-border-box-11 .dv-border-svg-container[data-v-32ca7b30] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.dv-border-box-11 .dv-border-svg-container > polyline[data-v-32ca7b30] {
  fill: none;
  stroke-width: 1;
}
.dv-border-box-11 .border-box-content[data-v-32ca7b30] {
  position: relative;
  width: 100%;
  height: 100%;
}
.border-image[data-v-90736242] {
  background-color: var(--afebc4dc);
  border-width: var(--111cdb92);
  border-image-source: var(--68d8dc03);
  border-image-slice: var(--d41a01b4);
}
.dv-tabs[data-v-f53e4cbe] {
  display: flex;
  align-content: center;
}
.dv-tabs.horizontal[data-v-f53e4cbe] {
  flex-direction: column;
}
.dv-tabs.vertical[data-v-f53e4cbe] {
  flex-direction: row;
}
.dv-tabs .tabs-nav[data-v-f53e4cbe] {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}
.dv-tabs .tabs-nav.horizontal[data-v-f53e4cbe] {
  flex-direction: row;
}
.dv-tabs .tabs-nav.vertical[data-v-f53e4cbe] {
  flex-direction: column;
}
.dv-tabs .tabs-nav .tabs-tab[data-v-f53e4cbe] {
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  flex: 1;
}
.dv-tabs .tabs-nav .tabs-tab.horizontal[data-v-f53e4cbe] {
  border-bottom: 2px solid;
}
.dv-tabs .tabs-nav .tabs-tab.vertical[data-v-f53e4cbe] {
  border-right: 2px solid;
  writing-mode: vertical-rl;
}
.dv-tabs .tabs-nav .tabs-tab.active[data-v-f53e4cbe] {
  color: #2080f0;
}
.dv-tabs .tabs-nav .tabs-tab.active.horizontal[data-v-f53e4cbe] {
  border-bottom: #2080f0 2px solid;
}
.dv-tabs .tabs-nav .tabs-tab.active.vertical[data-v-f53e4cbe] {
  border-right: #2080f0 2px solid;
}
.dv-tabs .tabs-content[data-v-f53e4cbe] {
  flex: 1;
  width: 100%;
}
.dv-tabs .tabs-content .component[data-v-f53e4cbe] {
  position: static !important;
}
.dv-decoration-1[data-v-cb5a5dc1] {
  width: 100%;
  height: 100%;
}
.dv-decoration-1 svg[data-v-cb5a5dc1] {
  transform-origin: left top;
}
.dv-decoration-11[data-v-b53a46eb] {
  width: 100%;
  height: 100%;
  display: flex;
}
.dv-decoration-11 .decoration-content[data-v-b53a46eb] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dv-decoration-6[data-v-7eca2079] {
  width: 100%;
  height: 100%;
}
.dv-decoration-6 svg[data-v-7eca2079] {
  transform-origin: left top;
}
.dv-decoration-10[data-v-c65d1234] {
  width: 100%;
  height: 100%;
  display: flex;
}
.dv-percent-pond[data-v-efcd1bc7] {
  display: flex;
  flex-direction: column;
}
.dv-percent-pond svg[data-v-efcd1bc7] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.dv-percent-pond polyline[data-v-efcd1bc7] {
  transition: all 0.3s;
}
.dv-percent-pond text[data-v-efcd1bc7] {
  font-size: 25px;
  font-weight: bold;
  text-anchor: middle;
  dominant-baseline: middle;
}
.dv-scroll-ranking-board[data-v-00426ae9] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.dv-scroll-ranking-board .row-item[data-v-00426ae9] {
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.dv-scroll-ranking-board .ranking-info[data-v-00426ae9] {
  display: flex;
  width: 100%;
  font-size: var(--e4a193fa);
}
.dv-scroll-ranking-board .ranking-info .rank[data-v-00426ae9] {
  color: var(--5ce1bbe4);
  margin-right: 2px;
}
.dv-scroll-ranking-board .ranking-info .info-name[data-v-00426ae9] {
  flex: 1;
  color: var(--a594d5bc);
}
.dv-scroll-ranking-board .ranking-info .ranking-value[data-v-00426ae9] {
  color: var(--ed5cee76);
}
.dv-scroll-ranking-board .ranking-column[data-v-00426ae9] {
  border-bottom: var(--1b55fae4) solid var(--1813751c);
  margin-top: 5px;
}
.dv-scroll-ranking-board .ranking-column .inside-column[data-v-00426ae9] {
  position: relative;
  height: var(--9b532732);
  background-image: var(--98559f70);
  margin-bottom: var(--df1b9f52);
  border-radius: var(--6b08cf71);
  overflow: hidden;
}
.dv-scroll-ranking-board .ranking-column .shine[data-v-00426ae9] {
  position: absolute;
  left: 0;
  top: 2px;
  height: var(--9b532732);
  width: 50px;
  transform: translateX(-100%);
  background: radial-gradient(var(--894909fe) 5%, transparent 80%);
  animation: shine-00426ae9 3s ease-in-out infinite alternate;
}
@keyframes shine-00426ae9 {
  80% {
    left: 0;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(0%);
  }
}
.dv-scroll-board[data-v-070d2b21] {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.dv-scroll-board .header[data-v-070d2b21] {
  display: flex;
  flex-direction: row;
  font-size: 15px;
  justify-content: space-around;
}
.dv-scroll-board .header .header-item[data-v-070d2b21] {
  transition: all 0.3s;
}
.dv-scroll-board .mybody[data-v-070d2b21] {
  overflow: hidden;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.dv-scroll-board .mybody .rows[data-v-070d2b21] {
  animation: scroll-up-070d2b21 var(--c6f6fb4a) linear infinite;
}
.dv-scroll-board .mybody .rows .row-item[data-v-070d2b21] {
  display: flex;
  transition: all 0.3s;
  justify-content: space-around;
}
.dv-scroll-board .mybody .rows .row-item .ceil[data-v-070d2b21] {
  display: flex;
  white-space: nowrap;
  /* 确保文本在一行内显示 */
  overflow: hidden;
  /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
  /* 添加省略号表示文本被截断 */
}
@keyframes scroll-up-070d2b21 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
    /* 根据内容高度调整 */
  }
}
.dv-scroll-board .mybody .rows[data-v-070d2b21]:hover {
  animation-play-state: paused;
}
.dv-scroll-board .index[data-v-070d2b21] {
  border-radius: 3px;
  padding: 0 3px;
}
span[data-v-d54a381e] {
  display: inline-block;
  width: 100%;
  text-align: center;
  pointer-events: none;
  line-height: var(--21348328);
}
span[data-v-5f4c0713] {
  display: inline-block;
  width: 100%;
  text-align: left;
  pointer-events: none;
  line-height: var(--f441f5cc);
}
span[data-v-6f13742d] {
  pointer-events: none;
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: var(--94d2a4dc);
}
